<template>
	<view>
		<view class="top"
			style="background-image: url(https://img0.baidu.com/it/u=3263380407,2735242240&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500);">
			<view class="aqa">
				<image src="../../static/image/圆白菜.png" style="width: 158rpx;height: 158rpx;margin-left: 10rpx;"
					mode=""></image>
			</view>
			<view class="deng">
				Hi~欢迎回来
			</view>
			<view class="qq">
				<image style="width: 100rpx;height: 50rpx;" src="../../static/image/登录 (2).png" mode=""></image>
			</view>

			<view class="flex">
				<view style="position: absolute;left: 20%;">
					关注3
				</view>
				<view style="position: absolute;left: 50%;">
					｜
				</view>
				<view style="position: absolute;left: 80%;">
					话题0
				</view>
				<view style="position: relative;left: 10009999%">
					1
				</view>
			</view>
		</view>
		<view class="kong">
			<view class="b">
				<image src="../../static/image/收藏.png"></image>
				<view class="zi">
					收藏
				</view>
			</view>
			<view class="b">
				<image src="../../static/image/历史时间.png"></image>
				<view class="zi">
					历史
				</view>
			</view>
			<view class="b">
				<image src="../../static/image/设置 (2).png"></image>
				<view class="zi">
					设置
				</view>
			</view>
		</view>
		<view class="tt">
			<image src="http://inews.gtimg.com/newsapp_bt/0/14419222322/641"></image>
		</view>
		<view class="hou">
			<view class="">
				<image src="https://img0.baidu.com/it/u=3289149498,454942166&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=282"
					mode=""></image>
			</view>
			<view class="">
				已有1921891人
			</view>
			<view class="">
				在这里发布新鲜事
			</view>
			<view class="wo">
				<view class="da">
					我也要发布
				</view>
			</view>
			<view class="">
				先去逛逛>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.da{
		color: red;
		margin: 10rpx 20rpx 10rpx 20rpx;
	}
	.wo {
		/* border-radius：30px； */
		border-radius: 25px;
		border: 1rpx red solid;
		margin-top: 30rpx;
	}

	.hou {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}

	.zi {
		margin-left: 15rpx;
	}

	.b {
		display: flex;
		flex-direction: column;
	}

	.kong {
		margin-top: 30rpx;
		display: flex;
		justify-content: space-around;
	}

	.kong image {
		width: 90rpx;
		height: 90rpx;
	}

	.flex {
		margin-bottom: 10rpx;
		display: flex;
		align-self: flex-end
	}

	.deng {
		margin-top: 20rpx;
	}

	.qq image {
		position: absolute;
		left: 160rpx;
		top: 70rpx;
	}

	.top {
		display: flex;
		width: 100%;
		height: 300rpx;

	}

	.tt {
		width: 100%;
		height: 200rpx;
		margin-top: 60rpx;
	}

	.tt image {
		width: 100%;
		height: 200rpx;

	}
</style>
